<?php
class NHP_Options_typo extends NHP_Options{	
	
	/**
	 * Field Constructor.
	 *
	 * Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
	 *
	 * @since NHP_Options 1.0
	*/
	function __construct($field = array(), $value ='', $parent){
		
		parent::__construct($parent->sections, $parent->args, $parent->extra_tabs);
		$this->field = $field;
		$this->value = $value;
		//$this->render();
		
	}//function
	
	
	
	/**
	 * Field Render Function.
	 *
	 * Takes the vars and outputs the HTML for the field in the settings
	 *
	 * @since NHP_Options 1.0
	*/
	function render(){
		
		$class = (isset($this->field['class']))?$this->field['class']:'regular-text';
		
		echo '<fieldset>';
			
			foreach($this->field['options'] as $k => $v){
				
                $std = $this->field['std'];
                
                
				$this->value[$k] = (isset($this->value[$k]))?$this->value[$k]:'';
				
				if($v == 'text') {
					echo '<input type="text" id="'.$this->field['id'].'_'.array_search($k,array_keys($this->field['options'])).'" name="'.$this->args['opt_name'].'['.$this->field['id'].']['.$k.']" '.$class.' value="'.$this->value[$k].'" />';
				}
				elseif($v=='color')
				{
					echo '<div class="farb-popup-wrapper" style="width:70px;float:left;">';
		
					echo '<input type="text" id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']['.$k.']" value="'.$this->value[$k].'" class="'.$class.' popup-colorpicker" style="width:70px;"/>';
					echo '<div class="farb-popup"><div class="farb-popup-inside"><div id="'.$this->field['id'].'picker" class="color-picker"></div></div></div>';
					
					//echo (isset($this->field['desc']) && !empty($this->field['desc']))?' <span class="description">'.$this->field['desc'].'</span>':'';
					
					echo '</div>';
				}
				elseif($v == 'select_size'){
				   
                   $arr_size = $std['typo_size'];
					echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']['.$k.']" '.$class.'rows="6" style="float:left" >';
			
						//foreach($this->field['std'] as $key => $values){
						  
							foreach($arr_size as $key_size => $value_size ){
							 
								echo '<option value="'.$key_size.'" '.selected($this->value[$k], $key_size, false).'>'.$value_size.'</option>';
								
							}
							
						//}//foreach
					
					echo '</select>';
				}
                elseif($v == 'select_font')
                {
                    $arr_fonts = $std['typo_font'];
                    
			         echo '<select id="'.$this->field['id'].'" name="'.$this->args['opt_name'].'['.$this->field['id'].']['.$k.']" '.$class.'rows="6" style="float:left" >';
			
					//	foreach($this->field['std'] as $keyf => $valuesf){						      
                        
                        
							foreach($arr_fonts as $key_font => $value_font ){
							 
								echo '<option value="'.$key_font.'" '.selected($this->value[$k], $key_font, false).'>'.$value_font.'</option>';
								
							}
							
						//}//foreach
					
					echo '</select>';
                }
				
			}//foreach

		
		
		echo '</fieldset>';
        

    
        echo (isset($this->field['desc']) && !empty($this->field['desc']))?'<span class="description">'.$this->field['desc'].'</span>':'';
		
	}//function
		function enqueue(){
		
		wp_enqueue_script(
			'nhp-opts-field-color-js', 
			NHP_OPTIONS_URL.'fields/typo/field_color.js', 
			array('jquery', 'farbtastic'),
			time(),
			true
		);
		
	}//
}//class
?>